{% extends 'base_after_login.html' %}

{% block main %}

    <style>
        img {
            border: 3px solid black;
        }
    </style>

<div class="container">
  <div class="card mb-3">
    <div class="card-body">

      <form method="POST" enctype="multipart/form-data">
        {{ form1.hidden_tag() }}
        <div class="form-group">
          <label for="id_card">头像</label>

            <img src="{{ url_for('personal.personal_user_img',uid=uid) }}" alt="User Icon" width="250px" height="250px">

          {{ form1.img(class="form-control-file") }}

            <label for="id_card">简介</label>
            {{ form1.text(class="form-control", placeholder="填写个人简介",value=text) }}
        </div>
       <button type="submit" name="submit1" class="btn btn-primary">{{ form1.submit.label }}</button>
      </form>
    </div>
  </div>



  <div class="card mb-3">
    <div class="card-body">
        <form method="POST" enctype="multipart/form-data">
        {{ form2.hidden_tag() }}
        <div class="form-group">
          <label for="id_card">认证</label>
            <img src="{{ url_for('personal.personal_prove_img',uid=uid) }}" alt="User Icon" width="250px" height="250px">

            {% if status and not unpass %}
            {% else %}
            {{ form2.img(class="form-control-file") }}
            <label for="id_card">身份</label>
            {{ form2.role(class="form-control") }}
            {% endif %}

        </div>

            {% if status and not unpass %}
            {% else %}
            <button type="submit" name="submit2" class="btn btn-primary">{{ form2.submit.label }}</button>
        {% endif %}
      </form>
    </div>
  </div>

  <div class="card mb-3">
    <div class="card-body">
        <label>是否认证</label>
        {% if status %}
            {% if unpass %}<div>未通过审核，仍可再次提交</div>
                {% else %}<div>已通过审核,身份有效</div>
            {% endif %}
        {% else %}
            <div>尚未认证/审核中</div>
        {% endif %}
    </div>
  </div>

  <div class="card mb-3">
    <div class="card-body">
        <label for="id_card">身份</label>
        <p>{{ role }}</p>
    </div>
  </div>
  </div>

{% endblock %}